<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html  style="height:100%;">
<head>
	<title>出库单</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<style type="text/css">
		td{width: 100px;height: 30px;font-size: 12px;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	</style>
</head>
<body style="height:100%;">
<div id="stockoutDiv" style="width: 800px;margin:0 auto;" class="clearfix">
	<div style="width: 750px;float: left">
		<table id="stockoutTable" border="1px" style="text-align: center">
			<tr>
				<td colspan="8" style="font-weight: bold;font-size: 22px">南京植百汇智能科技服务有限公司</td>
				
			</tr>
			<tr>
				<td colspan="8" style="font-weight: bold;font-size: 22px"">出&nbsp;&nbsp;库&nbsp;&nbsp;单</td>
			</tr>
			<tr>
				<td>客户</td>
				<td colspan="4">${stk.customerName}</td>
				<td >出库日期</td>
				<td colspan="2"><fmt:formatDate value="${stk.createDate}" pattern="yyyy-MM-dd" /></td>			
			</tr>
			
			<tr>
				<td>序号</td>
				<td colspan="3">商品名称</td>
				<td>图片</td>	
				<td>数量</td>		
				<td colspan="2">备注</td>
			</tr>
			<c:forEach items="${skuList}" var="sku" varStatus="status">
				<tr>
				<td>${ status.index + 1}</td>
				<td colspan="3">${sku.skuName }</td>
				<td><img style="width: 107px;height: 107px" src="http://218.2.197.230:8889${sku.imageUrl }" /></td>
				<td>${sku.amount }</td>
				<td colspan="2">${sku.scExt }</td>
			</tr>
			</c:forEach>
			<tr>
				<td>基地（签名）</td>
				<td></td>
				<td colspan="2">物流（签名）</td>
				<td></td>
				<td>客户（签名）</td>
				<td colspan="2"></td>
			</tr>
		</table>
	</div>
</div>	
<div style="width: 800px;" align="right">
<a href="javascript:printme()" target="_self">打印</a>
</div>
	

<script type="text/javascript">
function printme()
{
window.document.body.innerHTML=document.getElementById('stockoutDiv').innerHTML;
window.print();
}
</script>
<script type="text/javascript">
	$(function (){	
		$("#stockoutType").html(jp.getDictLabel(${fns:toJson(fns:getDictList('sc_evidence_type'))}, '${stk.stockoutType}', "-"));
	});				
</script>
</body>
</html>